<!DOCTYPE html>
<script src="resources/text-based-repaint.js"></script>
<script>
function repaintTest() {
  var target = document.getElementById('target');
  target.style.margin = '200px';
  target.offsetLeft;
  target.parentNode.removeChild(target);
}
onload = runRepaintAndPixelTest;
</script>
<div style="height: 100px">
Tests invalidation after layouting and then removing a span. The span should disappear without any residue.
</div>
<div style="display: inline-block; width: 100px; height: 100px; background-color: green"></div>
<span id="target">
  This span should disappear.
</span>
<div style="display: inline-block; width: 100px; height: 100px; background-color: green"></div>
